﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="ms-design-extensionType" content="Search" />
    <title>Search Contract</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-dark.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/css/home.css" rel="stylesheet" />
    <link href="/css/searchResults.css" rel="stylesheet" />
    <script src="/js/data.js"></script>
</head>
<body>
    <!-- This template is used to display each item in the ListView declared
         below. -->
    <div id="itemTemplate-RecentPost" data-win-control="WinJS.Binding.Template">
            <div class="item">
                <div class="item-overlay-without-image">
                    <h3 class="item-title win-type-ellipsis" data-win-bind="innerText:title"></h3>
                    <p class="item-teaserContent" data-win-bind="innerText:teaserContentWithoutImage"></p>
                    <p class="item-author" data-win-bind="innerText:author.name"></p>
                    <p class="item-teaserDate" data-win-bind="innerText:teaserDate"></p>
                </div>
            </div>
        </div>
        <div id="itemTemplate-Image" data-win-control="WinJS.Binding.Template">
            <div class="item-image" data-win-bind="style.backgroundImage:teaserImageURL">
                <div class="item-overlay">
                    <h3 class="item-image-title win-type-ellipsis" data-win-bind="innerText:title"></h3>
                    <p class="item-image-teaserContent" data-win-bind="innerText:teaserContent"></p>
                    <p class="item-image-author" data-win-bind="innerText:author.name"></p>
                    <p class="item-image-teaserDate" data-win-bind="innerText:teaserDate"></p>
                </div>
            </div>
        </div>
    <div id="groupHeaderTemplate" data-win-control="WinJS.Binding.Template">
            <div class="group-header">
                <!--<button class="group-header win-type-interactive" data-win-bind="" onclick="javascript: SearchFunctions.headerCallback(this);">
                    <span class="group-title win-type-ellipsis" data-win-bind="textContent:titleWithSize"></span>
                    <span class="group-chevron"></span>
                </button>-->
                <button class="group-header win-type-interactive" data-win-bind="">
                    <span class="group-title win-type-ellipsis" data-win-bind="innerHTML:titleWithSize"></span>
                </button>
            </div>
        </div>
    <div id="snapHeader" data-win-control="WinJS.Binding.Template">
            <div class="snapHeader">
                <h2 data-win-bind="innerHTML:titleWithSize"></h2>
            </div>
        </div>
        <div id="snapItem" data-win-control="WinJS.Binding.Template">
            <div class="snapItem_wo_image">
                <div class="titleLong win-type-ellipsis" data-win-bind="innerHTML:title"></div>
                <div class="teaserContentLong" data-win-bind="innerHTML:teaserContentSnapped"></div>
                <div class="authorLong" data-win-bind="innerHTML:author.name"></div>
                <div class="teaserDateLong" data-win-bind="innerHTML:teaserDate"></div>
                <div class="clearFloat"></div>
            </div>
        </div>
        <div id="snapAd" data-win-control="WinJS.Binding.Template">
            <div class="snappViewAd" style="width: 292px; height: 60px; z-index: 1; overflow: hidden" 
                data-win-control="MicrosoftNSJS.Advertising.AdControl" 
                data-win-options="{applicationId: 'd25517cb-12d4-4699-8bdc-52040c712cab', adUnitId: '10043074'}">
            </div>
        </div>
        <div id="snapItem-image" data-win-control="WinJS.Binding.Template">
            <div class="snapItem">
                <div class="colorAndImageContainer">
                    <div class="snapItem-image" data-win-bind="style.backgroundImage:teaserImageURL"></div>
                </div>
                <div class="title win-type-ellipsis" data-win-bind="innerHTML:title"></div>
                <div class="teaserContent" data-win-bind="innerHTML:teaserContentSnappedImage"></div>
                <div class="author" data-win-bind="innerHTML:author.name"></div>
                <div class="teaserDate" data-win-bind="innerHTML:teaserDate"></div>
                <div class="clearFloat"></div>
            </div>
        </div>
    <!-- The content that will be loaded and displayed. -->
    <div class="searchResults fragment">
        <!--<header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <div class="titlearea">
                <h1 class="titlearea win-type-ellipsis">
                    <img id="Img1" src="/images/assets/Logo_Hubscreen.png">
                </h1>
                <h2 class="pagesubtitle win-type-ellipsis"></h2>
            </div>
            
        </header>-->
        <!--<header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 class="titlearea win-type-ellipsis">
                <img id="mainlogo" src="/images/assets/Logo_Hubscreen.png">
            </h1>
            <h2 class="pagesubtitle win-type-ellipsis"></h2>
        </header>
        -->
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <h1 id="groupHeaderTag" class="titlearea win-type-ellipsis">
                <span id="groupHeaderTitle" class="pagetitle win-type-ellipsis"></span>
                <!--<span class="pagetitelChevron chevron">&#xe0a1</span>-->
            </h1>
        </header>

        <section aria-label="Main content" role="main">
            <div class="resultsmessage win-type-x-large">Ihre Suchanfrage lieferte leider keine Ergebnisse. Bitte prüfen Sie Ihre Eingabe.</div>
            
            <div class="progress-container">
                <label class="progressRingText">
                    <progress class="win-ring withText" style="width:60px;height:60px;"></progress>
                </label>    
            </div>
            <div id="snappContainer" style="height: 1px; padding-left:20px; width: 280px; overflow: auto; min-height: 100%;">
                <!--<div id="snapSearchList" class="groupeditemslist win-selectionstylefilled" data-win-control="WinJS.UI.ListView"></div>-->    
            </div>
            <div id="fullContainer" style="height: 100%;">
                <div id="zoomedInListView" class="groupeditemslist win-selectionstylefilled" data-win-control="WinJS.UI.ListView"></div>    
            </div>
            

        </section>
        
        <!--<section aria-label="Main content" role="main">
            <div class="progress-container">
                <label class="progressRingText">
                    <progress class="win-ring withText" style="width:120px;height:120px;"></progress>
                </label>    
            </div>
                

            <div id="semanticZoomDiv" class="win-selectionstylefilled" data-win-control="WinJS.UI.SemanticZoom">
                <div id="zoomedInListView" class="groupeditemslist win-selectionstylefilled" data-win-control="WinJS.UI.ListView"></div>
                <div id="zoomedOutListView" class="groupeditemslist win-selectionstylefilled" data-win-control="WinJS.UI.ListView"></div>
            </div>
        </section>
        -->

    </div>
</body>
</html>
